<template>
  <div>
    <!-- name属性 -->
    <router-view v-slot="props">
      <keep-alive include="home">
        <component :is="props.Component"></component>
      </keep-alive>
    </router-view>
    <TabBar v-show="!route.meta.hiddenTabBar"></TabBar>
    <!-- <TabBar></TabBar> -->
    <Loading></Loading>
  </div>
</template>

<script setup>
import TabBar from '@/components/tabBar/TabBar.vue'
import Loading from '@/components/loading/loading.vue'
import { useRoute } from 'vue-router'

const route = useRoute()

</script>


<style scoped>

</style>
